/* template */
body { background-color: #888; }
table#layout { width: 100%; }
td#banner { color: white; padding: 5px 0 0 88px; height: 75px; }
td#banner #title { float: left; padding-top: 5px; }
td#banner #title h1 { font-size: 40px; line-height: 1; display: inline-block; }
td#banner #title h2 { font-size: 22px; width: 300px; margin: 0; color: white; display: inline-block; text-transform: uppercase; vertical-align: top; }
td#banner #title a { color: white; text-decoration: none; }
td#banner #title img { display: block; margin: 5px 0 0 3px; }
td#banner #userinfo { float: right; margin-right: 10px; }
td#banner #userinfo a, td#banner #userinfo form.button_to input { color: white; }
div#content { padding: 15px 15px 30px 15px; min-height: 400px; background-color: white; }
td#nav { width: 88px; color: white; }
td#nav ul { font-weight: bold; padding: 5px; list-style-type:none; }
td#nav ul li { white-space: nowrap; }
td#nav ul li a { text-decoration: none; color: white; }
td#nav ul li a:hover { text-decoration: none; color: #0065d1; }
td#footer { padding: 5px; color: #ddd; text-align: right; }
td#footer #dev_mode_warning { color: white; padding: 2px; margin: 0 0 0 5px; text-align: right; font-weight: bold; 
  background-color: #d02000; float: right; clear: right; }
div.dialog_bg { background-color: black; opacity: 0.6; filter: alpha(opacity=60); left: 0; top: 0; position: absolute; }
div.dialog_bg * { opacity: 1; filter: alpha(opacity=100); }
div#userinfo form { display: inline; }
div#userinfo form select { font-size: 9pt; }

/* login instructions */
#login_instructions #preamble { width: 600px; margin-bottom: 20px; }
#login_instructions #instructions { width: 600px; border: 1px solid #888; padding: 10px; }
#login_instructions #instructions p { margin-top: 0; }
  
/* flash and error messages */
div.success, div.error { position: absolute; left: 25%; top: 71px; padding: 3px; 
    color: white; font-weight: bold; width: 600px; margin-bottom: 10px; text-align: center; }
div.success { background-color: #9dc400; }
div.error { background-color: #d02000; }

/* hide printable things */
.printable { display: none; }

/* report view */
.report_reports_new h1#title, .report_reports_show h1#title { float: left; }
#report_load_ind { float: left; margin: 10px 0 0 10px; }
#report_top_links { clear: both; }
.report_view { display: table-row; }
#report_main { display: table-cell; }
#report_links { display: table-cell; padding: 0 15px 0 0; line-height: 150%; vertical-align: top; }
#report_links a { display: block; white-space: nowrap; }

/* report form */
div.report_edit_dialog { width: 650px; height: 451px; }
div.report_edit_pane { width: 650px; height: 400px; display: none; }
div.report_edit_pane label { display: inline-block; }
div.report_edit_pane input { display: inline-block; }
div.report_edit_pane input[type='radio'] { margin-right: 4px; }
div.report_edit_pane input[type='text'] { padding: 4px; }
div.report_edit_pane .error_box { margin: 0 0 10px 0; color: white; background-color: #d02000; padding: 3px; display: none; font-weight: bold; }
div.report_edit_pane div.section { margin-bottom: 15px; border-top: 1px solid #ddd; padding-top: 5px; }
div.report_edit_pane div.section div.name { font-weight: bold; }
div.report_edit_pane div.section div.name.horiz { display: inline-block; width: 250px; }
div.report_edit_pane div.section div.controls.horiz { display: inline-block; vertical-align: top; }
div.report_edit_pane div.section div.name.vert { display: block; margin-bottom: 10px; }
div.report_edit_pane div.section div.controls.vert { display: block; }
div.report_edit_pane div.section label { margin-right: 10px; }
div.report_edit_pane div.multiselect div.choices { overflow: auto; background-color: #e6e6e6; border: 1px solid #888; padding: 5px; }
div.report_edit_pane div.multiselect div.links { margin-top: 5px; }
div.report_edit_pane div.multiselect div.links a { display: inline-block; margin-right: 5px; }

div.report_edit_pane.report_type input { vertical-align: top; }
div.report_edit_pane.report_type h3 { font-size: 11pt; margin-bottom: 5px; color: #0065d1; }
div.report_edit_pane.report_type .ex_lbl { display: inline-block; vertical-align: top; margin-right: 10px; }
div.report_edit_pane.report_type ul { line-height: 100%; display: inline-block; }

div.report_edit_pane.display_options div.section.display_type input { vertical-align: middle; }
div.report_edit_pane.display_options div.section.display_type label { margin-right: 15px; }
div.report_edit_pane.display_options div.section.display_type label > * { vertical-align: middle; }
div.report_edit_pane.display_options div.section.display_type label > div { font-family: fontello; font-size: 24pt; color: #0065d1; display: inline-block; margin-right: 5px; padding: 0; line-height: 90%; }

div.report_edit_pane.form_selection div#form_select div.choices { height: 300px; width: 250px; }

div.report_edit_pane.question_selection div.q_sel_type { margin-bottom: 10px; vertical-align: bottom; width: 300px; display: inline-block; }
div.report_edit_pane.question_selection div.multiselect div.choices { height: 150px; width: 250px; margin-top: 5px; }

div.report_edit_pane.report_title input { width: 400px; font-size: 11pt;  }

div.report_edit_dialog .buttons { text-align: right; border-top: 1px solid #888; padding-top: 10px; }
div.report_edit_dialog .buttons a { display: inline-block; margin: 0 0 0 10px; padding: 10px; font-size: 120%; font-weight: bold; width: 75px; text-align: center; 
    background-color: #ddd; border: 1px solid #888; color: #444; text-decoration: none; }

/* dont show the printable title */
div.sms_guide h1.printable { display: none; }
div.sms_guide { max-width: 900px; }
div.sms_guide div.header { margin-top: -40px; }
div.sms_guide div.controls { margin-bottom: 10px; }
div.sms_guide div.controls form { display: inline-block; margin-right: 10px; }
div.sms_guide div.controls a { display: inline-block; }